<script setup>
import { getAssetsImage } from '@/utils/tools';
const router = useRouter();
const toHome = () => {
  router.replace('/');
};
</script>

<template>
  <XPage class="not-found" title="404">
    <van-empty :image="getAssetsImage('404.png')" image-size="400" description="404">
      <van-button type="primary" class="bottom-button" @click="toHome">返回</van-button>
    </van-empty>
  </XPage>
</template>

<style lang="stylus" scoped>
.not-found
  position absolute
  top 0
  bottom 0
  background-color white

  .bottom-button
    padding 0 48px
</style>
